<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset=utf-8>
	<meta name=description content="">
	<meta name=viewport content="width=device-width, initial-scale=1">
	<script type="text/javascript">
	(function (designW) {
		var docEl = document.documentElement,
			resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
			recalc = function () {
				var clientWidth = docEl.clientWidth;
				if (!clientWidth) return;
				docEl.style.fontSize = 100 * (clientWidth / designW) + 'px';
			};
		if (!document.addEventListener) return;
			recalc();
		window.addEventListener(resizeEvt, recalc, false);
		document.addEventListener('DOMContentLoaded', recalc, false);
	})(750);
	</script>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="p-take3">
<div class="wrapper">
	<div class="head"></div>
	<div class="tack-block">
		<div class="picture-cover"></div>
		<div class="picture-container">
			<img id="picture" class="picture" src="timg.jpg" alt="">
			<div id="picture-move" class="picture-move"></div>
		</div>
		<div class="vivo-logo"></div>
	</div>
	<div class="scores">
		<div class="score-text">99</div>
		<div class="text-l1">鼠标滑<br />过图演</div>
		<div class="text-l2"></div>
		<div class="btns">
			<a class="btn b1"></a>
			<a id="share" class="btn b2"></a>
			<a class="btn b3"></a>
		</div>
	</div>
	<div class="share-tip"></div>
</div>
<script src="jq.js"></script>
<script>
	$('#share').click(function() {
		$('.share-tip').show();
	});
	$('.share-tip').click(function() {
		$(this).hide();
	});
</script>
</body>
</html>